<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <link rel="stylesheet" href="${ctx }/res/css/main.css">
    <link rel="stylesheet" href="${ctx }/res/css/plugins.css">
    <title>软装到家</title>
    <script type="text/javascript" src="${ctx }/res/js/lib.js"></script>
</head>
<body>
 <div class=" w-100p mini-top-bar">
    <div class="w-1200 margin-0-auto">
        <ul class="nav-left fl">
            <li class="home"><a href="${ctx }">达达订货首页</a></li>
            <li class="login"><a href="${ctx }/user/login">登录</a></li>
            <li class="register"><a href="${ctx }/user/register">注册</a></li>
        </ul>
        <ul class="nav-right fr">
            <li class="order"><a href="${ctx }/admin/index?target=/order/myOrder">我的订单</a></li>
            <li class="account"><a href="${ctx }/admin/index">个人中心</a></li>
            <li class="downapp"><a href="#">下载APP</a></li>
        </ul>
    </div>
</div>


<div class="simple-nav sub-nav w-1200 margin-0-auto">
    <img class="fl login-logo" src="${ctx }/res/img/icon/logo-payok.png">
</div>
<div class="w-100p margin-0-auto payok-body-warp">
    <div class="payok-body w-1200 margin-0-auto">
        <div class="icon-reg-success reg-success margin-0-auto"></div>
        <p class="text-center text-black f24 mt20">支付完成</p>
        <p class="text-center text-80 f20 mt20"><span id="seconds">5</span>秒钟后跳转到我的订单...</p>
        <div class="btns">
            <button class="button btn btn-default close" onclick="javascript:window.close();">关闭</button>
            <button class="button btn btn-default myorder" onclick="gotoMain();">我的订单</button><span class="f20 text-80">(跳转无效时点击)</span>
        </div>
    </div>
</div>
<%@include file="../foot.jsp" %>
<script type="text/javascript">
    $(document).on('click','.js-gototop',function () {
        $("body").stop().animate( { scrollTop:0}, 500);
    })
    var height = $(window).height();
    $(window).scroll(function () {
        var scrollTop = $(document).scrollTop();
        if(scrollTop>height){
            $('.js-gototop').fadeIn();
        }else{
            $('.js-gototop').fadeOut();
        }
    })
</script>
<textarea style="display: none;" id="find-pwd-modal">
   <div class="find-pwd-warp">
    <div class="input-controller">
        <input type="text" placeholder="请输入您的手机号码">
    </div>
    <div class="input-controller">
        <input class="input-mini" type="text" placeholder="请输入验证码">
        <button class="btn btn-primary get-code">获取验证码</button>
    </div>
    <div class="input-controller">
        <input type="password" placeholder="请输入您的新密码">
    </div>
    <div class="input-controller">
        <input type="password" placeholder="请确认您的新密码">
    </div>
    <div class="input-controller">
        <button class="btn btn-primary submit">确认重置</button>
    </div>
</div> 
</textarea>
<script type="text/javascript">
    $(document).on('click', '.js-forget-pwd', function (event) {
        var modal = $.fn.modal.showModal({
            title: '重置密码',
            content: $("#find-pwd-modal").val(),
            width: 420,
            height: 400
        });
        modal.show();
    })
</script>
<script type="text/javascript" src="${ctx }/res/js/plugins.js"></script>
<script type="text/javascript" src="${ctx }/res/js/common.js"></script>
<script type="text/javascript" src="${ctx }/res/js/modules.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.tab-box').tab();  
		setTimeout(function() {
			gotoMain();
		},5000);
		var timeUnit = 4;
		setInterval(function() {
			var unit = timeUnit--;
			if(unit < 0) {
				unit = 0;
			}
			$('#seconds').html(unit);
		},1000); 
    });
    
    function gotoMain() {
    	location = '${ctx }/admin/index?target=/order/myOrder';
	}
</script>
</body>
</html>
